import React, { Component } from 'react';
import {Link} from 'react-router-dom';
import { List, Avatar} from 'antd';
const data = [
    {
        title: 'Ant Design Title 1',
    },
    {
        title: 'Ant Design Title 2',
    },
    {
        title: 'Ant Design Title 3',
    },
    {
        title: 'Ant Design Title 4',
    },
];
class Message extends Component {
    render() {
        return (
            <div className="message">
                <List
                    itemLayout="horizontal"
                    dataSource={data}
                    renderItem={item => (
                        <List.Item>
                            <List.Item.Meta
                                avatar={<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />}
                                title={
                                    <Link to="/app/chat/index">
                                        {item.title}
                                    </Link>
                                }
                                description="hello"
                            />
                        </List.Item>
                    )}
                />
            </div>

        );
    }
}

export default Message;
